<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue.js起步</title>
    <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
<div id="vue_det">
    <h1>site : {{site}}</h1>
    <h1>url : {{url}}</h1>
    <h1>{{details()}}</h1>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el:'#vue_det',
        data:{
            site:'奔跑吧！骄傲的少年，年轻的心里面，是坚定的信念',
            url:'www.runoob.com',
            alexa:'10000'
        },
        methods:{
            details:function (){
                //定义details()方法
                return this.site + "。燃烧吧！骄傲的热血";
            }
        }
    })
</script>
</body>
</html>